/*-----------------------------------------------------------------------------
  [CSS - Story]

  Feuille de style pour le positionnement des éléments dans le menu histoire
  
  1. Global
  2. Levels
  
-----------------------------------------------------------------------------*/

/*---------------------------------------------------------------------
[1. Global]
*/
#story {
	height: 398px!important;
	padding-top: 40px;
}
	
	#story .close {
		margin-top: -34px;
	}

/*---------------------------------------------------------------------
[2. Levels]
*/
#story #levels {
	padding-left: 30px;
	padding-right: 30px;
	height: 398px;
	overflow-y: auto;
}

	#story #levels .level {
		cursor: pointer;
		height: 150px;
		margin-bottom: 20px;
		width: 350px;
	}

	#story #levels .level.lock {
		cursor: default;
		/*opacity: 0.3;*/
		padding-top: 11px;
	}

		#story #levels .level p {
			color: #000;
			line-height: 150px;
		}

		#story #levels .level p:hover {
			cursor: pointer;
		}

		#story #levels .level.lock p:hover {
			cursor: default;
		}